.banner {
    & {
        position: relative;
        overflow: hidden;
        width: 100%;
        z-index: 9;
        margin-top: 100px;
        @media(max-width: 1199px){
            margin-top: 70px;
        }
    }

     .owl-theme {
        @media (max-width: 1199px) {
            width: 120%;
            max-width: 120%;
            margin-left: -10%;
        }
        @media (max-width: 991px) {
            width: 140%;
            max-width: 140%;
            margin-left: -20%;
        }
        @media (max-width: 767px) {
            width: 180%;
            max-width: 180%;
            margin-left: -40%;
        }
        .owl-pagination {
            position: absolute;
            bottom: 34px;
            width: 100%;
            left: 0;
            right: 0;
            margin: auto;
            text-align: center;
            @media(max-width: 1199px) {
                text-align: center;
                bottom: 14px;
            }
            .owl-page {
                display: inline-block;
                span {
                    display: inline-block;
                    width: 50px;
                    height: 3px;
                    opacity: .5;
                    margin: 0 9px;
                    background-color: #ffffff;
                }
                &.active {
                    span {
                        opacity: 1;
                    }
                }
            }
        }
        .owl-buttons {
            display: none;
        }
    }
    .text {
        position: absolute;
        top: 60%;
        transform: translateY(-50%);
        width: 100%;
        max-width: 1200px;
        text-align: center;
        left: 0;
        right: 0;
        margin: auto;
        color: #ffffff;
        @media(max-width: 767px){
            width: 50%;
        }
        h3 {
            font-size: 80px;
            margin: 0;
            font-weight: 900;
            text-shadow:0 0 4px rgba(0,0,0,0.07);
            @media(max-width: 991px){
                font-size: 50px;
            }
            @media(max-width: 767px){
                font-size: 30px;
            }

        }
        p{
            font-size:24px;
            font-weight: normal;
            color: @color;
            margin: 20px 0 0 0;
             @media(max-width: 767px){
                font-size: 18px;
                margin-top: 10px;
             }
        }

    }
    .active .text {
        h3{
            animation:fadeInLeftBig 1s 0s ease both;
        }
        p{
            animation:fadeInRightBig 1s 0s ease both;
        }

    }
    .active img{
        animation:zoomIn1 6s 0s ease both;
    }
}

